@media (max-width: 640px) {
  .calendar-modal-flex {
    flex-direction: column !important;
    gap: 1rem !important;
  }
  .calendar-modal-flex > calendar-date,
  .calendar-modal-flex > ul {
    width:100% !important;
    min-width: 0 !important;
  }
  .calendar-modal-flex > calendar-date {
    font-size: 0.8rem !important;
    padding: 0.2rem !important;
    letter-spacing: -1px !important;
    margin-left: 0 !important;
  }
}

/* Force the bring-items block to use the blue theme even if old warning classes remain */
.bg-warning\/10.border-warning {
  background-color: rgba(37, 99, 235, 0.1) !important; /* primary/10 */
  border-color: rgb(37, 99, 235) !important; /* primary */
}

.text-warning\/80 {
  color: rgb(37, 99, 235) !important;
}